<template>
  <el-menu
    default-active="/init/table"
    class="my-side"
    background-color="#4a4e5a"
    text-color="#fff"
    active-text-color="#ff5000"
    :router="true"
  >
    <el-menu-item index="/init/table">
      <i class="el-icon-menu"></i>
      <span slot="title">初始化表</span>
    </el-menu-item>
    <el-menu-item index="/init/test1">
      <i class="el-icon-menu"></i>
      <span slot="title">导航二</span>
    </el-menu-item>
    <el-menu-item index="/init/test2">
      <i class="el-icon-document"></i>
      <span slot="title">导航三</span>
    </el-menu-item>
    <el-menu-item index="/init/test3">
      <i class="el-icon-setting"></i>
      <span slot="title">导航四</span>
    </el-menu-item>
  </el-menu>
</template>
<script>
export default {
  name: "mySide",
  data() {
    return {};
  },
  methods: {
  },
};
</script>
<style lang="scss" scoped>
.my-side {
  width: 220px;
}
</style>